<template>
  <div>
    <!-- <n-watermark content="合作+V:assuro_bzdx" cross fullscreen :font-size="14" :line-height="16" :width="504" :height="384"
      :x-offset="12" :y-offset="60" :rotate="0" /> -->
    <NMessageProvider>
      <layout></layout>
    </NMessageProvider>
  </div>
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>

<script setup>
import layout from './layout/layout.vue';
import { onMounted } from 'vue';
import { useAuthStore } from './store/auth';
import { NWatermark, NMessageProvider } from "naive-ui"

const authStore = useAuthStore();

onMounted(() => {
  if (authStore.token) {
    authStore.fetchUserProfile();
  }
});
</script>
